<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>荐谱后台</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" href="../../css/css.css">
<link rel="stylesheet" href="../../css/AccountUser.css">
<link rel="stylesheet" href="../../../bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
<link rel="stylesheet" href="../../../bower_components/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="../../../bower_components/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="../../../bower_components/Ionicons/css/ionicons.min.css">
<link rel="stylesheet" href="../../../dist/css/AdminLTE.min.css">
<link rel="stylesheet" href="../../../dist/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="../../../bower_components/jvectormap/jquery-jvectormap.css">
<link rel="stylesheet" href="../../../bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
<link rel="stylesheet" href="../../../bower_components/bootstrap-daterangepicker/daterangepicker.css">
<link rel="stylesheet" href="../../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<body class="hold-transition skin-blue sidebar-mini"  data-treeview="0" data-treeview-menu="0">
<div class="wrapper">
  <header class="main-header"> <a class="logo"> <span class="logo-mini"><b>荐谱</b></span> <span class="logo-lg">荐谱后台</span></a>
    <nav class="navbar navbar-static-top"><a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"></a></nav>
  </header>
  <aside class="main-sidebar">
    <section class="sidebar">
      <ul class="sidebar-menu" data-widget="tree">
        <li class="treeview"> <a> <i class="fa fa-user"></i> <span>用户管理</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu">
          </ul>
        </li>
        <li class="treeview"> <a> <i class="fa  fa-comments"></i> <span>评论管理</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu">
          </ul>
        </li>
        <li class="treeview"> <a> <i class="fa fa-coffee"></i> <span>推荐心得</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu">
          </ul>
        </li>
      </ul>
    </section>
  </aside>
  <div class="content-wrapper">
    <section class="content-search">
      <div class="form-group">
        <input type="text" class="form-control w140" placeholder="联系电话" id="cx_phone">
        <input type="text" class="form-control w140" placeholder="手机号" id="cx_account">
        <input type="text" class="form-control w140" placeholder="ID" id="cx_user_id">
      </div>
      <div class="form-group">
        <button type="button" class="btn btn-primary searchbtn">搜索</button>
        <button type="button" class="btn btn-primary addupdate" data-toggle="modal" data-target="#modal-addupdate" >新增用户</button>
      </div>
    </section>
  
    
    <!-- 新建修改窗口 -->
    <div class="modal fade" id="modal-addupdate" style="display: none;">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span></button>
            <h4 class="modal-title">新建用户</h4>
          </div>
          <div class="modal-body">
            <div class="box box-primary">
              <div class="box-body">
                <div class="form-group">
                  <input type="hidden" id="id"/>
                  <label>账号</label>
                  <input type="text" class="form-control w450" placeholder="请输入账号" id="xj_account">
                </div>
                <div class="form-group">
                  <label>昵称</label>
                  <input type="text" class="form-control w450" placeholder="请输入昵称" id="xj_nick_name">
                </div>
                <div class="form-group">
                  <label>职业标签</label>
                  <input type="text" class="form-control w450" placeholder="请输入职业标签" id="xj_title">
                </div>
                <div class="form-group">
                  <label>密码</label>
                  <input type="text" class="form-control w450" placeholder="请输入密码" id="xj_password">
                </div>
                
                <div class="bianji hide2">
                  <div class="form-group">
                    <label>联系电话</label>
                    <input type="text" class="form-control w450" placeholder="请输入联系电话" id="xj_phone">
                  </div>
                  <div class="form-group">
                    <label>级别</label>
                    <input type="text" class="form-control w450" placeholder="请输入级别" id="xj_level">
                  </div>
                  <div class="form-group">
                    <label>推荐等级</label>
                    <input type="text" class="form-control w450" placeholder="请输入推荐等级" id="xj_recommend_order">
                  </div>
                  <div class="form-group">
                    <label>关注数</label>
                    <input type="text" class="form-control w450" placeholder="请输入关注数" id="xj_follow_count">
                  </div>
                  <div class="form-group">
                    <label>获赞数</label>
                    <input type="text" class="form-control w450" placeholder="请输入获赞数" id="xj_praise_count">
                  </div>
                  <div class="form-group">
                    <label>荐文数</label>
                    <input type="text" class="form-control w450" placeholder="请输入荐文数" id="xj_recommend_count">
                  </div>
                  <div class="form-group">
                    <label>投诉数</label>
                    <input type="text" class="form-control w450" placeholder="请输入投诉数" id="xj_complain_count">
                  </div>
                  <div class="form-group">
                    <label>钱</label>
                    <input type="text" class="form-control w450" placeholder="请输入钱" id="xj_money">
                  </div>
                  <div class="form-group">
                    <label>头像</label>

                    <input id="lefile1" type="file" name="myfile" style="display:none">
                    <input id="photoCover1" class="form-control w180" type="text">
                    <a class="btn upload" onclick="$('input[id=lefile1]').click();">选择文件 <i class="glyphicon glyphicon-folder-open" aria-hidden="true"></i></a>
                    <div class="addimgbox imgfile1"></div>
                    
                  </div>
                  
                </div>
                

             
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default pull-left" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-primary btnaddupdate">提交</button>
          </div>
        </div>
      </div>
    </div>
    <!-- 删除窗口 -->
    <div class="modal fade" id="modal-delete" style="display: none;">
      <div class="modal-dialog w400">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span></button>
            <h4 class="modal-title">确认</h4>
          </div>
          <div class="modal-body">确认删除该数据吗？</div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default pull-left" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-primary btndelete">确认</button>
          </div>
        </div>
      </div>
    </div>


    <section class="content">
      <div class="box">
        <div class="box-header">
          <h3 class="box-title">用户列表</h3>
        </div>
        <div class="box-body">
          <table id="example1" class="table table-bordered table-striped">
          </table>
          <div class="paginationDiv">
            <ul class="pagination">
              <li class="prev"><a>上一页</a></li>
              <li class="next"><a>下一页</a></li>
            </ul>
            <input type="text" value="1" class="form-control curpage"/>
            <button type="button" class="btn btn-default gopage">跳转</button>
            <span class="pageinfo"></span> </div>
        </div>
      </div>
    </section>
  </div>
</div>
<script type="text/html" id="datalist">
	<thead>
	  <tr role="row">
		<th>ID</th>
    <th>手机号</th>
    <th>投诉数</th>
		<th>关注数</th>
		<th>级别</th>
		<th>钱</th>
    <th>昵称</th>
    <th>联系电话</th>
    <th>获赞数</th>
    <th>荐文数</th>
    <th>推荐等级</th>
    <th>标签&职业</th>
		<th>操作</th>
	  </tr>
    </thead>
	<tbody>
	<%for(var i = 0,len= dataset.length;i < len;i++){%>
	  <tr role="row">
		<td><%= dataset[i].id%></td>
    <td><%= dataset[i].account%></td>
    <td><%= dataset[i].complain_count%></td>
		<td><%= dataset[i].follow_count%></td>
		<td><%= dataset[i].level%></td>
		<td><%= dataset[i].money%></td>
    <td><%= dataset[i].nick_name%></td>
    <td><%= dataset[i].phone%></td>
    <td><%= dataset[i].praise_count%></td>
    <td><%= dataset[i].recommend_count%></td>
    <td><%= dataset[i].recommend_order%></td>
    <td><%= dataset[i].title%></td>
		<td><button type="button" class="btn btn-info btn-xs addupdate" data-toggle="modal" data-target="#modal-addupdate" data-id="<%= dataset[i].id%>" data-picture="<%= dataset[i].picture%>" >编辑</button>
      <button type="button" class="btn btn-info btn-xs delete" data-toggle="modal" data-target="#modal-delete"  data-id="<%= dataset[i].id%>">删除</button></td>
      </tr>
	<%}%>
    </tbody>
</script> 
<script type="text/html" id="datalist2">
	<thead>
	  <tr role="row">
		<th>ID</th>
		<th>产品名称</th>
		<th>产品类别</th>
		<th>产品评分</th>
		<th>操作</th>
	  </tr>
    </thead>
	<tbody>
	<%for(var i = 0,len= dataset.length;i < len;i++){%>
	  <tr role="row">
		<td><%= dataset[i].id%></td>
		<td><%= dataset[i].productName%></td>
		<td><%= dataset[i].productType%></td>
		<td><%= dataset[i].productScore%></td>
		<td>
      <button type="button" class="btn btn-info btn-xs addupdatepro" data-toggle="modal" data-target="#modal-addupdatepro"  data-id="<%= dataset[i].id%>">编辑</button>
      <button type="button" class="btn btn-info btn-xs deletepro" data-toggle="modal" data-target="#modal-deletepro"  data-id="<%= dataset[i].id%>">删除</button></td>
      </tr>
	<%}%>
    </tbody>
</script> 
<script src="../../../bower_components/jquery/dist/jquery.min.js"></script> 
<script src="../../../bower_components/jquery-ui/jquery-ui.min.js"></script> 
<script src="../../../bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 
<script src="../../../bower_components/raphael/raphael.min.js"></script> 
<script src="../../../bower_components/jquery-sparkline/dist/jquery.sparkline.min.js"></script> 
<script src="../../../plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script> 
<script src="../../../plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script> 
<script src="../../../bower_components/jquery-knob/dist/jquery.knob.min.js"></script> 
<script src="../../../bower_components/moment/min/moment.min.js"></script> 
<script src="../../../bower_components/bootstrap-daterangepicker/daterangepicker.js"></script> 
<script src="../../../bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script> 
<script src="../../../bower_components/bootstrap-datepicker/dist/locales/bootstrap-datepicker.zh-CN.min.js"></script> 
<script src="../../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script> 
<script src="../../../bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script> 
<script src="../../../bower_components/fastclick/lib/fastclick.js"></script> 
<script src="../../../dist/js/adminlte.min.js"></script> 
<script src="../../js/template-web.js"></script> 
<script src="../../js/js.js"></script> 
<script src="../../js/AccountUser.js"></script>
</body>
</html>
